
<template>
  <div class="background"></div>
  <scrollPage></scrollPage>
  
  <div class="app">
    <Header v-if="route.meta.needHeader"></Header>
    <router-view v-slot="{ Component, route }">
      <keep-alive :include="['file']" :max="10" :key="`${route.params.id}`">
        <component :is="Component" />
      </keep-alive>
    </router-view>
  </div>
</template>

<script setup lang="ts">
import Header from "@/components/header.vue"
import { useRoute } from "vue-router"
import { onMounted } from "vue"
import scrollPage from "@/components/scrollPage.vue"
const route = useRoute()


onMounted(() => {

})

</script>


<style lang="scss">
::deep(.el-popper .is-light .el-popover) {
  width: 500px !important;
}

.app {
  // width: 90%;
  max-width: 1200px;
  min-width: 400px;
}

.el-popper {
  max-width: 500px;
}

.background {
  background-color: rgba(10, 196, 171, .1);

  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;



}

* {
  font-family: PingFangSC-Medium, PingFang SC;
}
</style>
